<%-- 
    Document   : index
    Created on : 1/04/2014, 11:03:08 AM
    Author     : jorge.correa
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="Styles/forms.css" />
        <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js" /></script>
        <script type="text/javascript" charset="UTF-8" src="Scripts/comunes.js"></script>
        <title>JSP Page</title>
    </head>
    <body>
         <header>
            <jsp:include page="header.jsp" />  
       </header>
       <br /><br />
       <section>
           <div align="center">
                <table cellspacing="0" cellpadding="0" border="0" class="TABLACONTENEDORA">
                    <tr>
                        <td class="TITULOFORM">REGISTRO DE EMPLEADO</td>                        
                    </tr>
                    <tr>
                        <td>
                            <table cellspacing="0" cellpadding="0" border="0" class="TABLAMAESTRO">
                                <tr>
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Identificación del empleado:</label></td>
                                    <td class="CELDACAMPOFORM"><input type="text" name="txtNumId" id="txtNumId" class="CAMPOFORM" /></td>                          
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Nombre del empleado:</label></td>
                                    <td class="CELDACAMPOFORM"><input type="text" name="txtNombre" id="txtNombre" class="CAMPOFORM" /></td>
                                </tr>
                                <tr>
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Tipo de identificación:</label></td>
                                    <td class="CELDACAMPOFORM">
                                        <select id="txtTipoId" class="CAMPOSELECT">
                                            <option value="-1">Seleccione una opción</option>
                                            <option>Cédula de ciudadanía</option>
                                        </select>
                                    </td>                          
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Sexo:</label></td>
                                    <td class="CELDARADIOFORM">
                                        <input type="radio" name="txtSexo" id="rdF"  class="RADIOFORM" /><label class="LABELFORM" id="lblF" style="font-weight: normal;">Femenino</label>
                                        <input type="radio" name="txtSexo" id="rdM" class="RADIOFORM"  /><label class="LABELFORM" id="lblM"  style="font-weight: normal;">Masculino</label>
                                    </td>
                                </tr>
                                <tr><td colspan="4" class="CELDAESPACIOVACIO"></td></tr>
                                <tr>
                                    <td colspan="4" class="SUBTITULOFORM">DATOS LABORALES</td>
                                </tr>                  
                                <tr>
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Dirección de residencia:</label></td>
                                    <td class="CELDACAMPOFORM"><input type="text" name="txtDireccion" id="txtNumId" class="CAMPOFORM" /></td>                          
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Teléfono de residencia:</label></td>
                                    <td class="CELDACAMPOFORM"><input type="text" name="txtTelefono" id="txtNombre" class="CAMPOFORM" /></td>
                                </tr>
                                <tr>
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Estado civil:</label></td>
                                    <td class="CELDACAMPOFORM">
                                        <select id="txtTipoId" class="CAMPOSELECT">
                                            <option>Seleccione una opción</option>
                                            <option>Soltero</option>
                                        </select>
                                    </td>                          
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Estado del empleado:</label></td>
                                    <td class="CELDARADIOFORM">
                                        <input type="radio" name="txtEstado" id="rdA"  class="RADIOFORM" /><label class="LABELFORM" id="lblA" style="font-weight: normal;">Activo</label>
                                        <input type="radio" name="txtEstado" id="rdI" class="RADIOFORM"  /><label class="LABELFORM" id="lblI" style="font-weight: normal;">Inactivo</label>
                                    </td>
                                </tr>
                                <tr><td colspan="4" class="CELDAESPACIOVACIO"></td></tr>
                                <tr>
                                    <td colspan="4" class="SUBTITULOFORM">DATOS LABORALES</td>
                                </tr>
                                <tr>
                                    <td class="CELDALABELFORM"><label class="LABELFORM">Comentario:</label></td>
                                    <td colspan="3" class="CELDADIVEDITABLE">
                                        <div id="txtComentario" class="DIVEDITABLE" contenteditable="true">                         
                                        </div>
                                    </td>
                                </tr>                               
                                <tr>
                                    <td colspan="4" class="CELDABOTONFORM">
                                        <input type="button" id="btnGenerar" value="Enviar" class="BOTONFORM" onclick="validar();" />
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="MSGAVISOOBLG">Los campos marcados con (*) son requeridos.</td>
                                </tr>
                            </table>
                        </td>
                    </tr>                    
                </table>
           </div>           
       </section>
        <footer>
            <div id="dFooter" class="FOOTER">
                <jsp:include page="footer.jsp" />          
            </div>
        </footer>
    </body>
</html>
